<!DOCTYPE html>
<html>
    <head>
        <title>日志分析</title>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <link rel="stylesheet" type="text/css" href="./style.css">
        <script src="https://cdnjs.cloudflare.com/ajax/libs/xlsx/0.17.5/xlsx.full.min.js"></script>
    </head>
    <body>
      
        <h1>生成链接</h1>
        <section class="top">
          <h3>上传问题表格</h3>
          <input type="file" id="upload" />
      </section>
      <section>
        <h3>点击房间自动生成链接</h3>
        <div id="owners"></div>
        <div id="output"></div>
    </section>
        <section class="top">
            <textarea placeholder="输入问题词条"></textarea>
            <button onclick="onGeneratePath()">手动生成链接</button>
        </section>
        <section class="paths">
            <h2></h2>
            <input id="videoPath" value="" placeholder="自动生成"/>
            <!-- <button>复制</button> -->
            <div id="videoPathBox"></div>
            <br>
            <input id="recordPath" value="" placeholder="自动生成"/>
            <!-- <button>复制</button> -->
            <a id="recordPath_link" target="_blank" href="javascript:void(0)">查录制时间的链接</a>
            <br>
            <input id="pusherStatePath" value="" placeholder="自动生成"/>
            <!-- <button>复制</button> -->
            <a id="pusherStatePath_link" target="_blank" href="javascript:void(0)">房间 & pusherState链接</a>
            <br>
            <input id="playerStatePath" value="" placeholder="自动生成"/>
            <!-- <button>复制</button> -->
            <a id="playerStatePath_link" target="_blank" href="javascript:void(0)">房间 & playerState链接</a>
            <br>
            <input id="deviceChangePath" value="" placeholder="自动生成"/>
            <!-- <button>复制</button> -->
            <a id="deviceChangePath_link" target="_blank" href="javascript:void(0)">设备 & 设备切换 & 推流设备状态 连接</a>
            <br>
            <input id="starMapPath" value="" placeholder="自动生成"/>
            <!-- <button>复制</button> -->
            <a id="starMapPath_link" target="_blank" href="javascript:void(0)">星图链接（需要先登录）</a>
            <br>
            <input id="switchDevicePath" value="" placeholder="自动生成"/>
            <!-- <button>复制</button> -->
            <a id="switchDevicePath_link" target="_blank" href="javascript:void(0)">切换摄像头麦克风查询</a>
            <br>
            <input id="logAnalyzeToolPath" value="" placeholder="自动生成"/>
            <a id="logAnalyzeToolPath_link" target="_blank" href="javascript:void(0)">Web日志分析工具</a>
            <br>
            <input id="speedlogsPath" value="" placeholder="自动生成"/>
            <a id="speedlogsPath_link" target="_blank" href="javascript:void(0)">speedlogs日志分析工具</a>
        </section>
        <section class="topologyPath">
            <h4>生成 Boss 流链路 的链接</h4>
            <textarea id="topologyPath_textArea" placeholder="请输入: ${streamid}+${拉流userId}; 如:4337226_4675418+5151600"></textarea>
            <button onclick="onGeneratePullStreamPath()">生成 Boss 流链路 的链接</button>
            <br>
            <input id="topologyPath" value="" placeholder="自动生成"/>
            
            <a id="topologyPath_link" target="_blank" href="javascript:void(0)">Boss 流链路</a>
        </section>
        <section class="calcVideoTimeFromLog">
            <h4>从日志异常时间计算视频异常时间(针对推流异常，刷新解决)</h4>
            <a id="pusherOrRefresh_link" target="_blank" href="javascript:void(0)">unload & PUBLISH_REQUESTING & NO_PUBLISH</a>
            <br>
            <textarea id="pusherOrRefresh_area" placeholder="${recordTime}从日志异常时间计算视频异常时间(针对推流异常，刷新解决)${response}"></textarea>
            <button onclick="calcVideoTimeFromLogByPusherOrRefresh()">计算</button>
            <br>
            <!-- <textarea id="pusherOrRefresh_video" disabled value="" placeholder="视频异常时间点"></textarea> -->
            <div id="pusherOrRefresh_video" disabled value="" placeholder="视频异常时间点"></div>
            
        </section>
        <section class="calcVideoTimeFromLog">
            <h4>从日志异常时间计算视频异常时间(针对拉流异常，刷新解决)</h4>
            <a id="playerOrRefresh_link" target="_blank" href="javascript:void(0)">unload & PLAY_REQUESTING & NO_PLAY</a>
            <br>
            <textarea id="playerOrRefresh_area" placeholder="${recordTime}从日志异常时间计算视频异常时间(针对拉流异常，刷新解决)${response}"></textarea>
            <button onclick="calcVideoTimeFromLogByPlayerOrRefresh()">计算</button>
            <br>
            <!-- <textarea id="playerOrRefresh_video" disabled value="" placeholder="视频异常时间点"></textarea> -->
            <div id="playerOrRefresh_video" disabled value="" placeholder="视频异常时间点"></div>
            
        </section>
        <!-- <section class="calcVideoTimeFromLog">
            <h4>从日志异常时间计算视频异常时间(针对推流异常，切设备恢复)</h4>
            <a id="pusherDeviceOrRefresh_link" target="_blank" href="javascript:void(0)">commingsoon</a>
            <br>
            <textarea placeholder="commingsoon..."></textarea>
            <button onclick="">计算 (未实现)</button>
            <br>
            <textarea disabled value="" placeholder="视频异常时间点"></textarea>
            
        </section>
        <section class="calcVideoTimeFromLog">
            <h4>从日志异常时间计算视频异常时间(针对拉流异常，切设备恢复)</h4>
            <a id="playerDeviceOrRefresh_link" target="_blank" href="javascript:void(0)">commingsoon</a>
            <br>
            <textarea placeholder="commingsoon..."></textarea>
            <button onclick="">计算 (未实现)</button>
            <br>
            <textarea disabled value="" placeholder="视频异常时间点"></textarea>
            
        </section> -->
        <!-- <section class="calcVideoTimeFromLog">
            <h4>通过流id，拿调度的媒体节点列表 & 各个时间段使用的节点</h4>
            <a id="playerDeviceOrRefresh_link" target="_blank" href="javascript:void(0)">commingsoon</a>
            <br>
            <textarea placeholder="commingsoon..."></textarea>
            <button onclick="">计算 (未实现)</button>
            <br>
            <textarea disabled value="" placeholder="视频异常时间点"></textarea>
        </section> -->
        <section class="mediaNodePath">
            <h4>通过流id，拿调度的媒体节点列表 & 各个时间段使用的节点</h4>
            <textarea id="mediaNodePath_textArea" placeholder="请输入: ${streamid}; 如:4337226_4675418"></textarea>
            <button onclick="onGenerateMediaNodePath()">生成媒体节点链接</button>
            <br>
            <input id="mediaNodePath" value="" placeholder="自动生成"/>
            <a id="mediaNodePath_link" target="_blank" href="javascript:void(0)">媒体节点链接</a>
        </section>
        <section class="mediaNodePath">
            <h4>通过流id，生成UDP报文链接</h4>
            <textarea id="udpPath_textArea" placeholder="请输入: ${streamid}; 如:4337226_4675418"></textarea>
            <button onclick="onGenerateUDPPath()">生成UDP链接</button>
            <br>
            <input id="udpPath" value="" placeholder="自动生成"/>
            <a id="udpPath_link" target="_blank" href="javascript:void(0)">UDP链接</a>
        </section>
    </body>
<script>
        
</script>
</html>
<script src="./generatePath.js"></script>